import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const state = {// state：状态管理，它必须是一个对象,用来存储数据的。使用它时，要像computed一样使用它
  /* city: '深圳' ,
  username: '张三' */
  city: localStorage.city ? localStorage.city : '深圳'
}

const mutations = { // 用来修改数据。它就是方法，要像方法一样去使用它
  changeCity (state, cityName) {
    // console.log(11111)
    // console.log(cityName)
    state.city = cityName
    localStorage.city = cityName
    // localStorage.setItem('city',cityName)
  }
}

export default new Vuex.Store({
  state,
  mutations
})
